﻿<!DOCTYPE html>
<html>
  <head>
    <title>用例说明</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/用例说明/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/用例说明/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 腾讯 (组 合) -->
      <div id="u0" class="ax_default" data-label="腾讯" data-left="1199" data-top="378" data-width="45" data-height="45">

        <!-- Unnamed (椭圆形) -->
        <div id="u1" class="ax_default box_2">
          <img id="u1_img" class="img " src="images/用例说明/u1.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2" class="ax_default _形状">
          <img id="u2_img" class="img " src="images/用例说明/u2.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3" class="ax_default _形状">
          <img id="u3_img" class="img " src="images/用例说明/u3.png"/>
        </div>
      </div>

      <!-- 微信 (组 合) -->
      <div id="u4" class="ax_default" data-label="微信" data-left="1144" data-top="378" data-width="45" data-height="45">

        <!-- Unnamed (椭圆形) -->
        <div id="u5" class="ax_default box_2">
          <img id="u5_img" class="img " src="images/用例说明/u5.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u6" class="ax_default _形状">
          <img id="u6_img" class="img " src="images/用例说明/u6.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u7" class="ax_default _形状">
          <img id="u7_img" class="img " src="images/用例说明/u7.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8" class="ax_default box_2">
        <div id="u8_div" class=""></div>
      </div>

      <!-- Unnamed (蓝色导航) -->

      <!-- Unnamed (矩形) -->
      <div id="u10" class="ax_default box_1">
        <div id="u10_div" class=""></div>
      </div>

      <!-- 概述 (矩形) -->
      <div id="u11" class="ax_default label" data-label="概述">
        <div id="u11_div" class=""></div>
        <div id="u11_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- 产品结构 (矩形) -->
      <div id="u12" class="ax_default label" data-label="产品结构">
        <div id="u12_div" class=""></div>
        <div id="u12_text" class="text ">
          <p><span>产品结构图</span></p>
        </div>
      </div>

      <!-- 产品设计 (矩形) -->
      <div id="u13" class="ax_default label" data-label="产品设计">
        <div id="u13_div" class=""></div>
        <div id="u13_text" class="text ">
          <p><span>产品设计</span></p>
        </div>
      </div>

      <!-- 前端产品 (矩形) -->
      <div id="u14" class="ax_default label" data-label="前端产品">
        <div id="u14_div" class=""></div>
        <div id="u14_text" class="text ">
          <p><span>前端产品</span></p>
        </div>
      </div>

      <!-- 前端产品 (矩形) -->
      <div id="u15" class="ax_default label" data-label="前端产品">
        <div id="u15_div" class=""></div>
        <div id="u15_text" class="text ">
          <p><span>CMS</span></p>
        </div>
      </div>

      <!-- 产品设计 (矩形) -->
      <div id="u16" class="ax_default label" data-label="产品设计">
        <div id="u16_div" class=""></div>
        <div id="u16_text" class="text ">
          <p><span>页面详细功能说明</span></p>
        </div>
      </div>

      <!-- Unnamed (产品设计-黑色导航) -->

      <!-- Unnamed (矩形) -->
      <div id="u18" class="ax_default box_2">
        <div id="u18_div" class=""></div>
      </div>

      <!-- 全局说明 (矩形) -->
      <div id="u19" class="ax_default box_2" data-label="全局说明">
        <div id="u19_div" class=""></div>
        <div id="u19_text" class="text ">
          <p><span>全局说明</span></p>
        </div>
      </div>

      <!-- 常用ICON (矩形) -->
      <div id="u20" class="ax_default box_2" data-label="常用ICON">
        <div id="u20_div" class=""></div>
        <div id="u20_text" class="text ">
          <p><span>用例说明</span></p>
        </div>
      </div>

      <!-- 部分功能需求说明 (矩形) -->
      <div id="u21" class="ax_default box_2" data-label="部分功能需求说明">
        <div id="u21_div" class=""></div>
        <div id="u21_text" class="text ">
          <p><span>部分功能需求说明</span></p>
        </div>
      </div>

      <!-- 交互说明 (矩形) -->
      <div id="u22" class="ax_default box_2" data-label="交互说明">
        <div id="u22_div" class=""></div>
        <div id="u22_text" class="text ">
          <p><span>交互说明</span></p>
        </div>
      </div>

      <!-- Unnamed (手机框架图) -->

      <!-- Unnamed (组 合) -->
      <div id="u24" class="ax_default" data-left="0" data-top="100" data-width="239" data-height="477">

        <!-- Unnamed (矩形) -->
        <div id="u25" class="ax_default box_1">
          <div id="u25_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u26" class="ax_default box_1">
          <div id="u26_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u27" class="ax_default ellipse">
          <img id="u27_img" class="img " src="images/用例说明/u27.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u28" class="ax_default ellipse">
          <img id="u28_img" class="img " src="images/用例说明/u28.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u29" class="ax_default box_1">
          <div id="u29_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u30" class="ax_default _图片1">
        <img id="u30_img" class="img " src="images/用例说明/u30.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u31" class="ax_default label">
        <div id="u31_div" class=""></div>
        <div id="u31_text" class="text ">
          <p><span>手机 手机内的元件宽不得大于214 </span></p><p><span>高不得高于270</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u32" class="ax_default label">
        <div id="u32_div" class=""></div>
        <div id="u32_text" class="text ">
          <p><span>数字键盘</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u33" class="ax_default label">
        <div id="u33_div" class=""></div>
        <div id="u33_text" class="text ">
          <p><span>字母键盘</span></p>
        </div>
      </div>

      <!-- Unnamed (底部导航) -->

      <!-- Unnamed (矩形) -->
      <div id="u35" class="ax_default box_2">
        <div id="u35_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u36" class="ax_default label">
        <div id="u36_div" class=""></div>
        <div id="u36_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u37" class="ax_default label">
        <div id="u37_div" class=""></div>
        <div id="u37_text" class="text ">
          <p><span>社区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u38" class="ax_default label">
        <div id="u38_div" class=""></div>
        <div id="u38_text" class="text ">
          <p><span>创作</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u39" class="ax_default label">
        <div id="u39_div" class=""></div>
        <div id="u39_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u40" class="ax_default label">
        <div id="u40_div" class=""></div>
        <div id="u40_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u41" class="ax_default label">
        <div id="u41_div" class=""></div>
        <div id="u41_text" class="text ">
          <p><span>底部导航</span></p>
        </div>
      </div>

      <!-- Unnamed (字母键盘) -->

      <!-- Unnamed (图片) -->
      <div id="u43" class="ax_default _图片1">
        <img id="u43_img" class="img " src="images/用例说明/u43.png"/>
      </div>

      <!-- Unnamed (没有键盘，仅发送) -->

      <!-- Unnamed (矩形) -->
      <div id="u45" class="ax_default box_2">
        <div id="u45_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u46" class="ax_default box_3">
        <div id="u46_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u47" class="ax_default label">
        <div id="u47_div" class=""></div>
        <div id="u47_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u48" class="ax_default" data-left="11" data-top="4" data-width="14" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u49" class="ax_default _形状">
          <img id="u49_img" class="img " src="images/用例说明/u49.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u50" class="ax_default _形状">
          <img id="u50_img" class="img " src="images/用例说明/u50.png"/>
        </div>
      </div>

      <!-- Unnamed (数字键盘) -->

      <!-- Unnamed (图片) -->
      <div id="u52" class="ax_default _图片1">
        <img id="u52_img" class="img " src="images/用例说明/u52.png"/>
      </div>

      <!-- Unnamed (没有键盘，仅发送) -->

      <!-- Unnamed (矩形) -->
      <div id="u54" class="ax_default box_2">
        <div id="u54_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u55" class="ax_default box_3">
        <div id="u55_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u56" class="ax_default label">
        <div id="u56_div" class=""></div>
        <div id="u56_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u57" class="ax_default" data-left="11" data-top="4" data-width="14" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u58" class="ax_default _形状">
          <img id="u58_img" class="img " src="images/用例说明/u49.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u59" class="ax_default _形状">
          <img id="u59_img" class="img " src="images/用例说明/u50.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u60" class="ax_default label">
        <div id="u60_div" class=""></div>
        <div id="u60_text" class="text ">
          <p><span>输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u61" class="ax_default label">
        <div id="u61_div" class=""></div>
        <div id="u61_text" class="text ">
          <p><span>二级页面顶部导航</span></p>
        </div>
      </div>

      <!-- Unnamed (二级菜单底部导航框) -->

      <!-- Unnamed (矩形) -->
      <div id="u63" class="ax_default box_2">
        <div id="u63_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u64" class="ax_default _形状">
        <img id="u64_img" class="img " src="images/用例说明/u64.png"/>
      </div>

      <!-- QQ (组 合) -->
      <div id="u65" class="ax_default" data-label="QQ" data-left="1082" data-top="378" data-width="45" data-height="45">

        <!-- Unnamed (椭圆形) -->
        <div id="u66" class="ax_default box_2">
          <img id="u66_img" class="img " src="images/用例说明/u66.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u67" class="ax_default _形状">
          <img id="u67_img" class="img " src="images/用例说明/u67.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u68" class="ax_default label">
        <div id="u68_div" class=""></div>
        <div id="u68_text" class="text ">
          <p><span>阅读页面角色头像大小30*30</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u69" class="ax_default box_2">
        <img id="u69_img" class="img " src="images/用例说明/u69.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u70" class="ax_default label">
        <div id="u70_div" class=""></div>
        <div id="u70_text" class="text ">
          <p><span>评论区及小说封面下方 头像大小25*25</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u71" class="ax_default box_2">
        <img id="u71_img" class="img " src="images/用例说明/u71.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u72" class="ax_default label">
        <div id="u72_div" class=""></div>
        <div id="u72_text" class="text ">
          <p><span>整个APP的头像大小等级只有上面这三种，</span></p><p><span>自己按照页面理解进行选择</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u73" class="ax_default box_1">
        <div id="u73_div" class=""></div>
        <div id="u73_text" class="text ">
          <p style="font-size:17px;text-align:left;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF0000;">文字说明</span></p><p style="font-size:14px;text-align:left;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">二级菜单用14号加粗黑色文字</span></p><p style="font-size:14px;text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">其他内容全部用14号黑色</span></p><p style="font-size:12px;text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">真的不太重要又太小的就用12号黑色</span></p><p style="font-size:18px;text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">真的有需要加大的 自己加大。</span></p><p style="font-size:13px;text-align:center;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u74" class="ax_default label">
        <div id="u74_div" class=""></div>
        <div id="u74_text" class="text ">
          <p><span>搜索框</span></p>
        </div>
      </div>

      <!-- Unnamed (搜索) -->

      <!-- Unnamed (组 合) -->
      <div id="u76" class="ax_default" data-left="0" data-top="0" data-width="214" data-height="23">

        <!-- Unnamed (矩形) -->
        <div id="u77" class="ax_default box_2">
          <div id="u77_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u78" class="ax_default box_2">
          <div id="u78_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u79" class="ax_default" data-left="88" data-top="4" data-width="38" data-height="16">

        <!-- Unnamed (矩形) -->
        <div id="u80" class="ax_default _28号字_页面备注信息及列表的表头说明文字__）">
          <div id="u80_div" class=""></div>
          <div id="u80_text" class="text ">
            <p><span>搜索</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u81" class="ax_default _形状">
          <img id="u81_img" class="img " src="images/用例说明/u81.png"/>
        </div>
      </div>

      <!-- Unnamed (搜索中) -->

      <!-- Unnamed (组 合) -->
      <div id="u83" class="ax_default" data-left="0" data-top="0" data-width="214" data-height="25">

        <!-- Unnamed (组 合) -->
        <div id="u84" class="ax_default" data-left="0" data-top="0" data-width="214" data-height="25">

          <!-- Unnamed (矩形) -->
          <div id="u85" class="ax_default box_2">
            <div id="u85_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u86" class="ax_default box_2">
            <div id="u86_div" class=""></div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u87" class="ax_default _图片">
            <img id="u87_img" class="img " src="images/用例说明/u87.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u88" class="ax_default _28号字_页面备注信息及列表的表头说明文字__）">
          <div id="u88_div" class=""></div>
          <div id="u88_text" class="text ">
            <p><span>搜索引导文字</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u89" class="ax_default _图片">
          <img id="u89_img" class="img " src="images/用例说明/u89.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u90" class="ax_default _30号字_服务主标题，例如双行列表内的下方描述信息。__）">
          <div id="u90_div" class=""></div>
          <div id="u90_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u91" class="ax_default label">
        <div id="u91_div" class=""></div>
        <div id="u91_text" class="text ">
          <p><span>列表</span></p>
        </div>
      </div>

      <!-- Unnamed (气泡) -->
      <div id="u92" class="ax_default box_1">
        <img id="u92_img" class="img " src="images/用例说明/u92.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u93" class="ax_default label">
        <div id="u93_div" class=""></div>
        <div id="u93_text" class="text ">
          <p><span>小说阅读时候的手机背景色214*270 </span></p>
        </div>
      </div>

      <!-- Unnamed (小说阅读时候的手机背景色) -->

      <!-- Unnamed (矩形) -->
      <div id="u95" class="ax_default box_2">
        <div id="u95_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u96" class="ax_default label">
        <div id="u96_div" class=""></div>
        <div id="u96_text" class="text ">
          <p><span>左右对话框（左对话框为白色无边框的，</span></p><p><span>要注意在有底色的情况下使用</span></p><p><span>不然会看不见）左右对话框和随意拉伸</span></p><p><span>但宽度不超手机屏幕大小</span></p>
        </div>
      </div>

      <!-- Unnamed (左对话框) -->

      <!-- Unnamed (气泡) -->
      <div id="u98" class="ax_default box_1">
        <img id="u98_img" class="img " src="images/用例说明/u92.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u99" class="ax_default box_1">
        <img id="u99_img" class="img " src="images/用例说明/u99.png"/>
      </div>

      <!-- Unnamed (右对话框) -->

      <!-- Unnamed (形状) -->
      <div id="u101" class="ax_default box_1">
        <img id="u101_img" class="img " src="images/用例说明/u99.png"/>
      </div>

      <!-- Unnamed (气泡) -->
      <div id="u102" class="ax_default box_1">
        <img id="u102_img" class="img " src="images/用例说明/u92.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u103" class="ax_default box_3">
        <div id="u103_div" class=""></div>
        <div id="u103_text" class="text ">
          <p><span>154</span></p>
        </div>
      </div>

      <!-- Unnamed (带有下标的左对话框) -->

      <!-- Unnamed (气泡) -->
      <div id="u105" class="ax_default box_1">
        <img id="u105_img" class="img " src="images/用例说明/u92.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u106" class="ax_default box_3">
        <div id="u106_div" class=""></div>
        <div id="u106_text" class="text ">
          <p><span>154</span></p>
        </div>
      </div>

      <!-- Unnamed (带有下标的右对话框) -->

      <!-- Unnamed (形状) -->
      <div id="u108" class="ax_default box_1">
        <img id="u108_img" class="img " src="images/用例说明/u99.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u109" class="ax_default box_3">
        <div id="u109_div" class=""></div>
        <div id="u109_text" class="text ">
          <p><span>154</span></p>
        </div>
      </div>

      <!-- Unnamed (有角色的键盘) -->

      <!-- Unnamed (图片) -->
      <div id="u111" class="ax_default _图片1">
        <img id="u111_img" class="img " src="images/用例说明/u43.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u112" class="ax_default box_2">
        <div id="u112_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u113" class="ax_default box_3">
        <div id="u113_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u114" class="ax_default label">
        <div id="u114_div" class=""></div>
        <div id="u114_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u115" class="ax_default" data-left="11" data-top="34" data-width="14" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u116" class="ax_default _形状">
          <img id="u116_img" class="img " src="images/用例说明/u49.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u117" class="ax_default _形状">
          <img id="u117_img" class="img " src="images/用例说明/u50.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u118" class="ax_default box_2">
        <div id="u118_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u119" class="ax_default box_3">
        <div id="u119_div" class=""></div>
        <div id="u119_text" class="text ">
          <p><span>角色A</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u120" class="ax_default box_3">
        <div id="u120_div" class=""></div>
        <div id="u120_text" class="text ">
          <p><span>旁白</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u121" class="ax_default box_3">
        <div id="u121_div" class=""></div>
        <div id="u121_text" class="text ">
          <p><span>角色B</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u122" class="ax_default label">
        <div id="u122_div" class=""></div>
        <div id="u122_text" class="text ">
          <p><span>角色管理</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u123" class="ax_default icon1">
        <img id="u123_img" class="img " src="images/用例说明/u123.png"/>
      </div>

      <!-- Unnamed (超多角色的键盘) -->

      <!-- Unnamed (图片) -->
      <div id="u125" class="ax_default _图片1">
        <img id="u125_img" class="img " src="images/用例说明/u43.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u126" class="ax_default box_2">
        <div id="u126_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u127" class="ax_default box_3">
        <div id="u127_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u128" class="ax_default label">
        <div id="u128_div" class=""></div>
        <div id="u128_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u129" class="ax_default" data-left="11" data-top="59" data-width="14" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u130" class="ax_default _形状">
          <img id="u130_img" class="img " src="images/用例说明/u49.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u131" class="ax_default _形状">
          <img id="u131_img" class="img " src="images/用例说明/u50.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u132" class="ax_default box_2">
        <div id="u132_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u133" class="ax_default box_3">
        <div id="u133_div" class=""></div>
        <div id="u133_text" class="text ">
          <p><span>角色A</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u134" class="ax_default box_3">
        <div id="u134_div" class=""></div>
        <div id="u134_text" class="text ">
          <p><span>旁白</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u135" class="ax_default box_3">
        <div id="u135_div" class=""></div>
        <div id="u135_text" class="text ">
          <p><span>角色B</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u136" class="ax_default label">
        <div id="u136_div" class=""></div>
        <div id="u136_text" class="text ">
          <p><span>角色管理</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u137" class="ax_default icon1">
        <img id="u137_img" class="img " src="images/用例说明/u123.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u138" class="ax_default box_3">
        <div id="u138_div" class=""></div>
        <div id="u138_text" class="text ">
          <p><span>角色C</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u139" class="ax_default box_3">
        <div id="u139_div" class=""></div>
        <div id="u139_text" class="text ">
          <p><span>角色D</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u140" class="ax_default box_3">
        <div id="u140_div" class=""></div>
        <div id="u140_text" class="text ">
          <p><span>角色E</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u141" class="ax_default label">
        <div id="u141_div" class=""></div>
        <div id="u141_text" class="text ">
          <p><span>基本ICON</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u142" class="ax_default" data-left="1078" data-top="216" data-width="26" data-height="26">

        <!-- Unnamed (形状) -->
        <div id="u143" class="ax_default _形状">
          <img id="u143_img" class="img " src="images/用例说明/u143.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u144" class="ax_default _形状">
          <img id="u144_img" class="img " src="images/用例说明/u144.png"/>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u145" class="ax_default ellipse">
        <img id="u145_img" class="img " src="images/用例说明/u145.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u146" class="ax_default" data-left="1122" data-top="226" data-width="15" data-height="15">

        <!-- Unnamed (形状) -->
        <div id="u147" class="ax_default _形状">
          <img id="u147_img" class="img " src="images/用例说明/u147.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u148" class="ax_default" data-left="1159" data-top="221" data-width="25" data-height="25">

        <!-- Unnamed (形状) -->
        <div id="u149" class="ax_default _形状">
          <img id="u149_img" class="img " src="images/用例说明/u149.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u150" class="ax_default _形状">
          <img id="u150_img" class="img " src="images/用例说明/u150.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u151" class="ax_default _形状">
          <img id="u151_img" class="img " src="images/用例说明/u151.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u152" class="ax_default _形状">
          <img id="u152_img" class="img " src="images/用例说明/u152.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u153" class="ax_default" data-left="1199" data-top="216" data-width="25" data-height="25">

        <!-- Unnamed (形状) -->
        <div id="u154" class="ax_default _形状">
          <img id="u154_img" class="img " src="images/用例说明/u154.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u155" class="ax_default _形状">
          <img id="u155_img" class="img " src="images/用例说明/u155.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u156" class="ax_default _形状">
          <img id="u156_img" class="img " src="images/用例说明/u156.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u157" class="ax_default" data-left="1082" data-top="264" data-width="25" data-height="25">

        <!-- Unnamed (形状) -->
        <div id="u158" class="ax_default _形状">
          <img id="u158_img" class="img " src="images/用例说明/u158.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u159" class="ax_default _形状">
          <img id="u159_img" class="img " src="images/用例说明/u159.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u160" class="ax_default box_2">
        <div id="u160_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u161" class="ax_default label">
        <div id="u161_div" class=""></div>
        <div id="u161_text" class="text ">
          <p><span>中部弹框 170*90&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (头像) -->

      <!-- 个人头像 (组 合) -->
      <div id="u163" class="ax_default" data-label="个人头像" data-left="0" data-top="0" data-width="45" data-height="45">

        <!-- Unnamed (椭圆形) -->
        <div id="u164" class="ax_default ellipse">
          <img id="u164_img" class="img " src="images/用例说明/u164.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u165" class="ax_default icon1">
          <img id="u165_img" class="img " src="images/用例说明/u165.png"/>
        </div>
      </div>

      <!-- 开关 (组 合) -->
      <div id="u166" class="ax_default" data-label="开关" data-left="1246" data-top="229" data-width="30" data-height="14">

        <!-- Border (矩形) -->
        <div id="u167" class="ax_default box_3" data-label="Border">
          <div id="u167_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u168" class="ax_default ellipse">
          <img id="u168_img" class="img " src="images/用例说明/u168.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u169" class="ax_default" data-left="1247" data-top="254" data-width="30" data-height="14">

        <!-- Border (矩形) -->
        <div id="u170" class="ax_default box_3" data-label="Border">
          <div id="u170_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u171" class="ax_default ellipse">
          <img id="u171_img" class="img " src="images/用例说明/u168.png"/>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u172" class="ax_default icon1">
        <img id="u172_img" class="img " src="images/用例说明/u172.png"/>
      </div>

      <!-- Unnamed (搜索筛选框) -->

      <!-- 筛选框 (组 合) -->
      <div id="u174" class="ax_default" data-label="筛选框" data-left="0" data-top="0" data-width="214" data-height="72">

        <!-- Unnamed (矩形) -->
        <div id="u175" class="ax_default box_2">
          <div id="u175_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u176" class="ax_default box_2" selectiongroup="u173SelectItem">
          <div id="u176_div" class=""></div>
          <div id="u176_text" class="text ">
            <p><span>内容1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u177" class="ax_default box_2" selectiongroup="u173SelectItem">
          <div id="u177_div" class=""></div>
          <div id="u177_text" class="text ">
            <p><span>内容2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u178" class="ax_default box_2" selectiongroup="u173SelectItem">
          <div id="u178_div" class=""></div>
          <div id="u178_text" class="text ">
            <p><span>内容3</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u179" class="ax_default line">
          <img id="u179_img" class="img " src="images/用例说明/u179.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u180" class="ax_default line">
          <img id="u180_img" class="img " src="images/用例说明/u179.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u181" class="ax_default label">
        <div id="u181_div" class=""></div>
        <div id="u181_text" class="text ">
          <p><span>一般的头像大小45*45</span></p>
        </div>
      </div>

      <!-- Unnamed (列表框) -->

      <!-- Unnamed (矩形) -->
      <div id="u183" class="ax_default box_2">
        <div id="u183_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u184" class="ax_default box_2">
        <div id="u184_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u185" class="ax_default box_2">
        <div id="u185_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u186" class="ax_default box_2">
        <div id="u186_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u187" class="ax_default box_2">
        <div id="u187_div" class=""></div>
      </div>
    </div>
  </body>
</html>
